<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>微销宝-个人主页</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<link rel="stylesheet" href="https://res.wx.qq.com/open/libs/weui/0.4.3/weui.min.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/res/css/jquery-weui.min.css"/>
<style>
.com_border_bottom{
	border-bottom: 1px solid #ccc;
}
  [class*="weui-col-"] {
    height: auto;
  }
  .headerInfoBox{
  	padding-left: 10px;
  	height: 125px;
  }
  .headerInfoBox ul li{
  	list-style: none;
  	height: 20px;
  	line-height:20px;
  	font-size: 14px;
  }
  .headerRightBox{
  	height: 125px;
  }
  .headerVCodeBox{
  	width: 98%;
  	height: 125px;
  }
  .headerVCodeBox img{
  	width: 100px;
  	max-height: 100px;
  }
  .headerImg{
  	height: 80px;
  	margin: 10px;
  	background: url(res/img/icon_nav_noti.png) no-repeat;
  	background-size: 80px;
  	padding-left: 95px;
  	line-height: 80px;
  }
</style>
</head>
<body>
<div class="hd" >
	<div class="headerImg">
		<h1 class="page_title">个人主页</h1>
	</div>
</div>
<!-- 头部信息展示 -->
<div class="bd">
    <div class="weui-row weui-no-gutter">
      <div class="weui-col-60 com_border_bottom">
      	<div class="headerInfoBox">
      		<ul>
      			<li>ID：${openID }</li>
      			<li>昵&nbsp;&nbsp;&nbsp;&nbsp;称：<span>${nickname }</span></li>
      			<li>姓&nbsp;&nbsp;&nbsp;&nbsp;名：<span>${username }</span></li>
      			<li style="color: #000;">手&nbsp;&nbsp;&nbsp;&nbsp;机：13888888888</li>
      			<li>级&nbsp;&nbsp;&nbsp;&nbsp;别：<span>普通会员</span></li>
      			<li>推荐人：<span>张三</span></li>
      		</ul>
      	</div>
      </div>
      <div class="weui-col-40 com_border_bottom">
      	<div class="headerRightBox">
      		<h4>扫码开户</h4>
      		<div class="headerVCodeBox">
      			<img src="res/img/regCode.png"/>
	      	</div>
      	</div>
      </div>
    </div>
</div>
<!--END 头部信息展示 -->
<!-- 开户信息展示 -->
<div class="weui-row weui-no-gutter" style="text-align: center;">
	<div class="weui-col-33">
		<h3><a href="users.html" style="color: red;">60</a></h3>
		直接开户人数
	</div>
	<div class="weui-col-33">
		<h3 style="color: red;"><a href="users.html" style="color: red;">60</a></h3>
		间接开户人数
	</div>
	<div class="weui-col-33">
		<h3 style="color: red;"><a href="team.html" style="color: red;">10</a></h3>
		团队人数
	</div>
</div>
<!--EDN 开户信息展示 -->

<!-- 奖励信息展示 -->
<div class="weui-row weui-no-gutter" style="text-align: center; background-color: #C12127; color: #fff; padding: 10px 0; font-size: 12px;">
	<div class="weui-col-33">
		<h3 style="font-size: 16px; color: #fff;">9999999.99</h3>
		历史总奖金
	</div>
	<div class="weui-col-33" style="border-left: 1px solid #ccc; border-right: 1px solid #ccc;">
		<h3 style="font-size: 16px; color: #fff;">9999999.99</h3>
		当月佣金
	</div>
	<div class="weui-col-33">
		<h3 style="font-size: 16px; color: #fff;">9999999</h3>
		原始票数
	</div>
</div>
<!--EDN 奖励信息展示 -->

<!-- 提现信息展示 -->
<div class="weui-row weui-no-gutter" style="text-align: center; background-color: #C12127; color: #fff; padding: 10px 0; font-size: 12px;">
	<div class="weui-col-60" style="height: 55px;">
		<h3 style="font-size: 20px; text-align: center;">9999999.99</h3>
		可提现金额
	</div>
	<div class="weui-col-40" style="height: 55px; line-height: 55px;">
		<a id="sendCodeBtn" href="javascript:;" class="weui_btn weui_btn weui_btn_primary" style="margin-top: 10px; margin-right: 5px;">提现</a>
	</div>
</div>
<!--EDN 提现信息展示 -->

<!-- 活动信息展示-->
<div class="weui_btn_area">
    <a class="weui_btn weui_btn_primary" href="register.html">我要原始票活动</a>
</div>
<!--END 活动信息展示-->

<!-- 代理开户展示-->
<div class="weui_btn_area">
    <a class="weui_btn weui_btn_primary" href="agent_register.html">代理开户</a>
</div>
<!--END 代理开户展示-->
</body>
<!-- body 最后 -->
<script src="${pageContext.request.contextPath}/res/js/zepto.min.js"></script>
</html>
